<template>
<!-- 个人信息页面 -->

    <div>
        <Herd/>
        <van-form @submit="onSubmit">
 <!-- 输入任意文本 -->
<van-field v-model="text" label="客户" />

<!-- 输入手机号，调起手机号键盘 -->
<van-field v-model="tel" type="tel" label="商品" />
<!-- 允许输入正整数，调起纯数字键盘 -->
<van-field v-model="digit" type="digit" label="数量" />
<!-- 允许输入数字，调起带符号的纯数字键盘 -->
<van-field v-model="tep" type="text" label="下单人" />
<!-- 输入密码 -->
<van-field v-model="number" type="text" label="下单时间" />
</van-form>
<!-- 个人地址 -->
  
 <div class="bnm">
      <div class="inpt">
          <div>
                <span>收货人:{{DateList.receiver}}</span>
          </div>
          <!-- <input type="text" v-model="shouhren" > -->
      </div>
       <div class="inpt">
           <div>
              <span>联系电话:{{DateList.linkPhone}}</span>
           </div>
          
          <!-- <input type="number" v-model="iphone"> -->
      </div>
       <div class="inpt">
           <div>
       <span>收货地址:{{DateList.address}}</span>  
           </div>
          
        <!-- <textarea v-model="dizhi"></textarea> -->
      </div>
       <div class="inpt">
           <div>
       <span>物流单号:{{DateList.logisticsCode}}</span>  
           </div>
          
       <!-- <input type="text" v-model="wuliu"> -->
      </div>
     
    </div>
    
 <!--  -->

    </div>
</template>

<script>
import Herd from "@/components/发货单/Herd"
import SHouPeron from "@/components/发货单/SHouPeron"
import {GetOrderInfoDate} from "@/request/api"

export default {
  name:"Shangpingxiangqing",
  data() {
    return {
      tel: '',
      text: '',
      digit: '',
      tep: '',
      number: '',
      message:"",
      iPhone:'',
      DateList:[],
      
    };
  },
  components:{
   Herd,SHouPeron
  },
  methods:{
      onSubmit(){
          console.log(66);
      }
  },
  created(){
      
     
  GetOrderInfoDate(this.$route.params.id).then((res)=>{
          this.text=res.data.data.cusName
          this.tel=res.data.data.prodName
          this.digit =res.data.data.prodNum
          this.tep=res.data.data.orderUserName
          this.number=res.data.data.orderTime
          this.DateList=res.data.data
          console.log("9999999:",this.DateList);
      console.log("订单详情接口数据:",res);
  })
  }
};
</script>
 
<style lang = "less" scoped>
     .van-form{
    margin-top: .1rem;
     .van-field__label {
        width: .2rem !important;
        line-height: .4rem;
       
    }
    }
   
   .fahou{
        margin-top: .2rem;
       h4{
  font-size: 0.20rem;
    color: white;
    /* font-weight: bold; */
    /* height: 0.9rem; */
    background: #003499;
    border-radius: .22rem;
    width: 3.3rem;
    height: .5rem;
    text-align: center;
    /* line-height: 0.9rem; */
    line-height: .5rem;
    margin: 0 auto;
    /* background: #fff; */
   
       }
    
   }
     .van-field__control{
        background: red!important;
    }

     .bnm{
        margin-top: .2rem;
        font-size: .14rem;
        background-color: #fff;
        
        
     .inpt{
         /* padding: .15rem; */
       padding: .15rem; 
    padding: 0.15rem 0;
    /* display: flex; */
    justify-content: space-around;
    align-items: baseline;
    font-size: 0.1rem;
    height: .3rem;
    line-height: .3rem;
    padding: .2rem;
         input{
    background: #ececec;
    
    border: none;
    height: .4rem;
    width: 2.5rem;
    border-radius: .09rem;
    padding-left: .2rem;
         }
     }
    textarea {
        
        padding-left: .2rem;
    width: 2.5rem;
    /* height: .4rem; */
    height: 0.8rem;
    border: none;
    background: #ececec;
    border-radius: .05rem;
     
     }
    }
    .inpp{
        line-height: .5rem;
    text-align: center;
    background:#003499;
    width: 3.5rem;
    margin: 0 auto;
    border-radius: .1rem;
    span{
color: white;
    }
    }
</style>